<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>无标题文档</title>
    <script src="SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryMenuBarVertical.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        body, td, th {
            color: #FF6;
        }
    </style>
</head>

<body>
<ul id="MenuBar1" class="MenuBarVertical">
    <li><a class="MenuBarItemSubmenu" href="#">项目 1</a>
        <ul>
            <li><a href="https://www.gitee.com">项目 1.1</a></li>
            <li><a href="https://www.gitee.com">项目 1.2</a></li>
            <li><a href="https://www.gitee.com">项目 1.3</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">项目 2</a>
        <ul>
            <li><a href="https://www.gitee.com">项目2.1</a></li>
            <li><a href="https://www.gitee.com">项目2.2</a></li>
            <li><a href="https://www.gitee.com">项目2.3</a></li>
        </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">项目 3</a>
        <ul>
            <li><a href="https://www.gitee.com">项目 3.1</a></li>
            <li><a href="https://www.gitee.com">项目 3.2</a></li>
            <li><a href="https://www.gitee.com">项目 3.3</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">项目 4</a>
        <ul>
            <li><a href="https://www.gitee.com">项目4.1</a></li>
            <li><a href="https://www.gitee.com">项目4.2</a></li>
            <li><a href="https://www.gitee.com">项目4.3</a></li>
        </ul>
    </li>
</ul>
<script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight: "SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
